<!--
 * @Description: 第四十五章（Vue3 Web Components）
 * @Author: IA ia@ker.center
 * @Date: 2025-02-24 16:38:27
-->
<template>

<div>
  <h1>第四十五章（Vue3 Web Components）</h1>
  <div>

    <IAWebComponent-btn :obj="JSON.stringify(obj)"></IAWebComponent-btn>

  </div>
</div>

</template>
<script setup lang="ts">

import { ref, defineCustomElement} from 'vue'

import customVueCeVue from './custom-vue.ce.vue'

const Btn = defineCustomElement(customVueCeVue)

window.defineCustomElements.define('IAWebComponent-btn', Btn)

const obj = {name: 1}

</script>
<style scoped>

</style>
